#ech {
    div:first-child {
        width: 100% !important;
        height: 100% !important;
    }

    canvas {
        width: 100% !important;
        height: 100% !important;
    }
}

.right {
    height: 100%;
}

.right h3 {
    margin-bottom: 30px;
    text-align: left;
    margin-bottom: 0.1rem;
    padding: 0.03rem 0.1rem;
    font-size: 0.1rem;
    // letter-spacing: .0625rem;
    color: var(--c_mainWhite);
    background: linear-gradient(to right, var(--c_mainBlue), transparent);
    z-index: 1;
    --c_mainBlue: #4d96ba;
    --c_highlightBlue: #2c519d;
    --c_mainWhite: #fff;
    --c_mainGray: #666;
    --c_bg: midnightblue;
    --c_bg_chart: rgba(0, 138, 255, 0.1);
}

.ant-slider-horizontal {
    width: 15vw;
}
.ant-slider-vertical{
    // position: relative;
    top: 0;
    height: 10vh;
}


.blessings-input-wrap {
    position: absolute;
    display: inline-block;
    right: .6rem;
    // padding-top: .1rem;
    label {
        position: absolute;
        left: -.1rem;
        top: -.2rem;
        // width: 20px;
    }
}

#ech{
    display: inline-block;
}
.startTime-input-wrap {
    position: relative;
    height: .25rem;
    z-index: 1;
    .startTime_slider {
        position: absolute;
        top: .1rem;
        left: .1rem;
        // width: 29rem;
    }
    label {
        position: absolute;
        top: 0;
        right: 1rem;
    }
}
// .ant-slider{
//     float: right;
//     width: 0.6rem;
//     .ant-slider-track{
//         height: 0.04rem !important;
//         background-color: #0075ff;
//     }
//     .ant-slider-handle{
//         margin-top: -5px !important;
//         width: 0.08rem;
//         height: 0.08rem;
//     }
//     .ant-slider-rail{
//         height: 0.04rem !important;
//     }
// }